export type LvAlign = 'start' | 'end' | 'center';

export type LvJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';

export enum LvBreakpointEnum {
  XXL = 'xxl',
  XL = 'xl',
  LG = 'lg',
  MD = 'md',
  SM = 'sm',
  XS = 'xs',
}

export type LvBreakpointMap = Record<LvBreakpointEnum, string>;

export const gridResponsiveConfig: LvBreakpointMap = {
  [LvBreakpointEnum.XS]: '(max-width: 575px)',
  [LvBreakpointEnum.SM]: '(min-width: 576px)',
  [LvBreakpointEnum.MD]: '(min-width: 768px)',
  [LvBreakpointEnum.LG]: '(min-width: 992px)',
  [LvBreakpointEnum.XL]: '(min-width: 1200px)',
  [LvBreakpointEnum.XXL]: '(min-width: 1472px)',
};

export interface LvGutterObject {
  [key: string]: any;
}

export type LvColSizeType = string | number | Record<string, any>;

export interface LvResponsiveSize {
  span?: number;
  offset?: number;
  order?: number;
  pull?: number;
  push?: number;
}
